:root {
  --main-bg-color: #FFFFFF;  
  --button--primary:#3E86FB;
  --button-first:#ffffff;
  --button-first-color:#000000;
  --active-color:#3E86FB;
  --divider-text:#ffffff;
  --tabs-item-color:#000000;
  --input-inner:#e5f6fe;
  --select-dropdown:#ffffff;
  --select-dropdown-color:#7d7d7d;
  --select-dropdown-hover:#E5F6FE;
  --color-heise:#000000;
  --color-baise:#ffffff;
  --color-baise-btn:#ffffff;
  --color-lanse:#3E86FB;
  --table-th:#eaf3ff;
  --table-tr:#f4f6fa;
  --shijian:#f0f5fc;
  --headercss:#0761C3;
  --navactior:#2078e2;
  --navactcolor:#ffffff;
  --menu-item:#ffffff;
  --breadcrumb-inner:#000000;/*当前位置的字体颜色*/
  --tooltip-popper-back:#3E86FB;/*表格鼠标放在tb上面展示的背景颜色*/
  --tooltip-popper-color:#ffffff;/*表格鼠标放在tb上面展示的字体颜色*/
  --helpsrcah-back:#ffffff;/*帮助中心的背景颜色*/
  --helpcontent:#ffffff;/*帮助中心的框子的背景颜色*/
  --helpclor1-color:#696969;/*帮助中心的h1字体颜色*/
  --helpclor2-color:#737474;/*帮助中心的p字体颜色*/
  --tag-info:#3E86FB;/*标签的背景颜色*/
  --tag-info-color:#ffffff;/*标签的字体颜色*/
  --tag-colse-img:#f56c6c;/*标签删除的背景颜色*/
  --el-radio:#ffffff;/*单选字体颜色*/
  --el-radio-label:#000000;/*单选背景颜色*/
  --select-dropdown-item-selected:#d2e4fd;/*标签下拉框选中的背景颜色*/
  --textarea-back:#ffffff;/*文本框背景颜色*/
  --jlbbackground:#ffffff;/*井列表的背景颜色*/
  --jlbborder-top:#ffffff;/*井列表的背景颜色*/
  --jlbborder-bottom:#ffffff;/*井列表的背景颜色*/
  --jlbktcolor:#1aafcd;/*井列表的类型颜色*/
  --jlbkfcolor:#286ece;/*井列表的类型颜色*/
  --jlbtzcolor:#916ee2;/*井列表的类型颜色*/
  --bg-purple:#ffffff;/*井列表的框子背景颜色*/
  --bjimage:radial-gradient(#f0f6ff, #f0f6ff);/*井列表的图片上方的字体颜色*/
  --bg-purplebor:#e1edfd;/*井列表的边框颜色*/
  --color-bjkz:#3e86fb;/*井列表下方的字体颜色*/
  --color-bjkzs:#3e86fb;/*井列表下方的字体颜色*/
  --progress-bar-outer:#ffffff;/*进度条背景颜色*/
  --collapse-item-headerbackground: #F7F7F7;
  --collapse-item-header-color:#35AEF6;
  --collapse-item-wrap:#ffffff;
  --view-leftBox:#f7fbff;
  --headrmsgback:#E5F8F7;
  --headrmsgcolor:#64D5C4;
  --leftBox-is-checked:#286ece;/*用户权限的左边选中左边边框的背景颜色*/
  --leftBox-is-checkedback:#E5F6FE;/*用户权限的左边选择背景颜色*/
  --yhqxrigtbox:#ffffff;/*用户权限的右边背景颜色*/
  --message-box:#ffffff;/*弹框的背景颜色*/
  --message-box-title:#000000;/*弹框标题的字体颜色*/
  --message-box-content:#000000;/*弹框内容的字体颜色*/
  --el-button:#ffffff;/*按钮背景颜色*/
  --el-button-border:#a9b3c3;/*按钮边框背景颜色*/
  --el-button-color:#000000;/*按钮字体颜色*/
  --dropdown-menu:#ffffff;/*下拉菜单的背景颜色*/
  --dropdown-menu-item:#45689b;/*下拉菜单的字体颜色*/
  --dropdown-menu-hover:#dfe7f2;/*下拉菜单的悬浮颜色*/
  --popper-arrow-back:#ffffff;/*下拉菜单的下标背景颜色*/
  --checkbox-button-inner:#ffffff;/*数据字段背景颜色*/
  --checkbox-button-color:#000000;/*数据字段字体颜色*/
  --message-error-back:#fef0f0;/*错误提示框的背景颜色*/
  --message-success-back:#e1f3d8;/*正确提示框的背景颜色*/
  --message-warning-back:#fde2e2;/*警告提示框的背景颜色*/
  --picker-panel-back:#ffffff;/*日期框下方日历选择背景颜色*/
  --picker-panel-color:#000000;/*日期框下方日历选择字体颜色*/
  --picker-panel-shortcut-hover:#3E86FB;/*日期框下方日历左边悬浮字体颜色*/
  --picker-date-disabled-color:#ffffff;/*日期框下方日历选中字体颜色*/
  --picker-date-disabled-back:#3E86FB;/*日期框下方日历选中背景颜色*/
  --icon-arrow-right-color:#000000;
  --tablebox:#ffffff;
  --addright-box:#F8FCFF;
  --tablefisbox:#ffffff;
  --addTempbox:#ffffff;
  --addcontrol:#ffffff;
  --addcontrol-color: #147CF0;
  --notification-back:#ffffff;/*消息提示框的背景颜色*/
  --notification-title:#000000;/*消息提示框的标题字体颜色*/
  --notification-content:#000000;/*消息提示框的内容字体颜色*/
  --head-menu-hover-i:#ffffff;/*头部悬浮图标字体颜色*/
  --table-row-striped:#fafafa;/*表格每隔一行显示的背景颜色*/
  --menu-vertical-demo:#0964c3;/*侧边栏背景颜色*/
  --menu-vertical-demo-li-color:#ffffff;/*侧边栏字体颜色*/
  --menuvd-isactive-color:#ffffff;/*侧边栏选中的字体颜色*/
  --menuvd-isactive-hover-back:#2179CC;/*侧边栏悬浮的背景颜色*/
  --menuvd-isactive-hover-color:#FFFFFF;/*侧边栏悬浮的字体颜色*/
  --menuvd-isactive-i-hover-color:#FFFFFF;/*侧边栏悬浮的图标字体颜色*/
  --content-box-back:#ffffff;/*主框架背景颜色*/
  --content-box-color:#000;/*主框架字体颜色*/
  --view-main-back:#f2f2f2;/*主框架背景颜色*/
  --view-main-color:#000;/*主框架字体颜色*/
  --handle-box-back:#ffffff;/*表格头部按钮区背景颜色*/
  --table-tr-th-back:#e5f6fe;/*表格头部的边框颜色*/
  --table-tr-th-color:#3E86FB;/*表格头部的字体颜色*/
  --el-dialog-back:#ffffff;/*弹框的背景颜色*/
  --el-dialog-input-back:#E5F6FE;/*弹框里面的输入框背景颜色*/
  --el-dialog-input-color:#9D9E9E;/*弹框里面的输入框字体颜色*/
  --el-dialog-input-border:#ffffff;/*弹框里面的输入框边框颜色*/
  --el-dialog-textarea-back:#E5F6FE;/*弹框里面的大文本框背景颜色*/
  --el-dialog-textarea-color:#7d7d7d;/*弹框里面的大文本框字体颜色*/
  --el-dialog-textarea-border:#E5F6FE;/*弹框里面的大文本框边框颜色*/
  --el-dialog-header-title-color:#000000;/*弹框里面的头部标题字体颜色*/
  --dialog-footer-button-first-back:#ffffff;/*弹框底部第一个按钮背景颜色*/
  --Breadcrumb-back:#f2f2f2;/*面包屑的导航的背景颜色*/
  --cehck-back:#ffffff;
  --check-color:#16A2F6;
  --check-border:#16A2F6;
  --color0:#000000;
}
.el-radio__label{
  color: #000;
}
.is-background > .el-pagination__total{
  color: #000;
}
.el-radio__inner::after{
  background-color: #0761c3!important;
}
.el-input > input[type="password"]{
  border-radius: 25px;
}
.el-input{
  width:100%;
}
.el-input--suffix{
  width: initial;
}
.el-select .el-input__inner{
  border-radius: 25px;
}
.el-submenu > .el-menu--inline{
  background-color: initial;
}
.el-menu--vertical > .el-menu{
  background-color: #0b67c3;
}
.handle-box{
  position: relative;
}
.el-dialog input[type="text"]{
  border-radius: 25px;
}
.el-dialog textarea{
  border-radius: 25px;
}
.handle-box input[type='text']{
  border: 0px;
}
.el-aside .sidebar .el-menu-vertical-demo .is-active {
  background-color: #3190cd!important;
  border-left: 3px solid #35ACFE;
  width: calc(100% + 15px);
}
.sidebar .el-menu-vertical-demo .el-menu-item:not(.is-active):hover {
  border-left: 3px solid #35ACFE;
  width: calc(100% + 15px);
}
.el-submenu__title:hover{
  background-color: #3190cd!important;
  border-left: 3px solid #35ACFE;
  width: calc(100% + 15px);
  color: #ffffff!important;
}
.el-aside .sidebar .el-menu-vertical-demo .is-opened {
  background-color: inherit!important;
  border-left: inherit!important;
}
.el-aside{
  background-image: url("../images/leftmenu.png");
  background-repeat: no-repeat;
  background-size: 102% 100%;
}
/*按钮通用颜色*/
.jianbianbule{
  background-image: linear-gradient(to right, #17A5F3 , #23DBC4);
  border: 0px;
}
.jianbianbule:hover{
  background-image: linear-gradient(to right, #17A5F3 , #23DBC4);
  border: 0px;
}
.jianbianred{
  background-image: linear-gradient(to right, #D64949 , #D64949);
  border: 0px;
}
.jianbianred:hover{
  background-image: linear-gradient(to right, #D64949 , #D64949);
  border: 0px;
}
.jianbianedit{
  background-image: linear-gradient(to right, #EA8928 , #EA8928);
  border: 0px;
}
.jianbianedit:hover{
  background-image: linear-gradient(to right, #EA8928 , #EA8928);
  border: 0px;
}
.seacthsbtn{
  color: #ffffff!important;
  background-color: #0862C3!important;
  border-color: #0862C3!important;
  box-shadow: 4px 3px 8px #A3E3EF;
}
.seacths > .el-button--primary {
  box-shadow: 4px 3px 8px #A3E3EF;
}
.handle-box > .el-button--primary {
  color: #ffffff!important;
  background-color: #0862C3!important;
  border-color: #0862C3!important;
  box-shadow: 4px 3px 8px #A3E3EF;
}
.helpsrcah {
  border-top: 1px solid rgb(242, 242, 242);
}
.el-checkbox-button.is-checked .el-checkbox-button__inner{
  background-color:#3E86FB!important;
  color:#ffffff!important;
}
.el-checkbox-button__inner{
  border: 1px solid #95AAEB;
  margin-bottom: 5px;
  border-radius: 4px;
}
.el-menu-item * {
  vertical-align: revert;
}
.el-menu-item.navs {
  min-width: 150px;
  text-align: center;
  margin: 0 10px;
  font-size: 18px;
  height: 40px;
  border-radius: 10px;
  line-height: 40px;
}
.el-menu-item i{
  color: #ffffff;
}
.el-submenu__title i{
  color: #ffffff;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #ffffff;
}
.el-table tr{
  background-color: #ffffff;
}
.el-table{
  color: #000000;
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #eff5ff;
}
.el-pagination__jump {
  margin-left: 10px!important;
  color: #000000!important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #E5FCF9!important;
  color: #4EE6CD!important;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  color: #147CF0;
  background-color: #E5F6FE!important;
}
.el-table, .el-table__expanded-cell {
  background-color: #ffffff!important;
}
.el-menu-demo .el-menu-item[data-v-373b83b1]:nth-child(8){
  -webkit-transform: inherit!important;
  transform: inherit!important;
}
.el-table td, .el-table th.is-leaf{
  border-bottom: 1px solid #fafafa;
}
.head-menu .el-menu:last-child {
  background: none !important;
}

.head-menu .el-menu .el-dropdown-link{
  color: #ffffff !important; 
}

.el-aside .sidebar .el-menu-vertical-demo li:hover > .el-submenu__title{
  color: #409eff;
}
.el-aside .sidebar .el-menu-vertical-demo li:hover,.el-aside .sidebar .el-menu-vertical-demo >li:hover i{
  color: #409eff;
}

.content-box::-webkit-scrollbar-track {
  background: rgba(255, 249, 244, 0.1);
}
.content-box::-webkit-scrollbar-thumb {
  background: gray;
}

/* 表头及表格样式 */
/* 表头错位问题 */
body .el-table th.gutter{
  display: table-cell!important;
}
/* 表头出现下边框线问题 */
.el-table__header,.el-table__body{
  border-collapse:collapse;
}
/* 表头样式 */
.el-table tr{
  font-size:14px;
}
.el-table__body tr:hover>td{
  background-color:#e5fcf9 !important;
  color:#000000!important;
}

.el-table tr td{
  text-align: center;
}

/* form表单弹框 */
.el-dialog{
  width: 400px;
}
.el-dialog textarea{
  width: 220px;
}
/* 头部 */
.el-dialog__header .el-dialog__title{
  line-height: 24px;
  font-size: 18px;
}
/* form下 */
.el-dialog__body{
  padding-left: 0px;
}
.el-dialog .el-dialog__body .el-form{
  display: flex;
  flex-direction: column;
}
.el-dialog .el-dialog__body .el-form .el-row,.el-dialog .el-dialog__body .el-form .el-form-item{
  display: flex;
  /* justify-content: space-around; */
}
.el-dialog .el-dialog__body .el-form .el-textarea{
  width: 230px;
}
/* label */
.el-dialog .el-form-item__label{
  width: 120px;
  white-space: nowrap;
}
.el-dialog .el-form-item__content{
  width: 220px;
}
/* 帮助页面 */
.help .content li{
  color: #FFFFFF;
}
/* 大屏展示 */
.number-grow{
  color: #409eff;
  font-weight: bolder;
}
.el-dropdown-menu__item{
  color: #45689b;
}